<script>
import { defineComponent } from 'vue'
import LeftTopView from './LeftTopView.vue'
import MiddleView from './MiddleView.vue'
import RightTopView from './RightTopView.vue'

export default defineComponent({
    components: { LeftTopView, RightTopView, MiddleView },
    setup() {

    },
})

</script>

<template>
    <div>
        <div class="Top">
            <LeftTopView />
        </div>
        <div style="width:100%;height:100%;">
            <MiddleView/>
        </div>
    </div>
</template>

<style scoped lang="scss">
.Top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
</style>
